<section class="content-section-column">
  <lv-radio-group [ngModel]="selectModel" (ngModelChange)="modelChange($event)">
    <lv-group>
      <lv-radio [lvViewType]="'button'" [lvValue]="'single'">单选</lv-radio>
      <lv-radio [lvViewType]="'button'" [lvValue]="'multiple'">多选</lv-radio>
    </lv-group>
  </lv-radio-group>

  <!-- 若配置了lvScroll，请配置单个选项高度的整数倍，否则lvScrollEnd可能无法触发 -->
  <lv-select
    #select
    lvAsync
    [lvShowCheckAll]="selectModel === 'multiple'"
    [lvMode]="selectModel"
    [lvOptions]="data"
    [ngModel]="value"
    lvCompareWith="id"
    lvAsyncFilter
    lvShowFilter
    lvFilterKey="label"
    lvFilterMode="contains"
    [lvLoading]="loading"
    lvVirtualScroll
    [lvBeforeOpen]="beforeOpen"
    (lvScrollEnd)="updateOptions()"
    (lvFilterChange)="filterChange($event)"
    (ngModelChange)="updateSelection($event)"
    (lvRemoveChange)="removeSelection($event)"
    style="width: 368px"
  ></lv-select>

  <p>Value：{{ (value | json) || 'none' }}</p>
</section>
